<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style lang="scss">
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 12px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  //background-color: #8c8c8c;
  background-color: rgba(163, 161, 161, 0.25);
}

::-webkit-scrollbar-track {
  background-color: #f6f6f6;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
  border: 0;
}

.el-upload--picture-card {
  background-color: transparent !important;
}

.el-dropdown-menu-item {
  list-style: none;
  line-height: 36px;
  padding: 0 20px;
  font-size: 14px;
  color: #606266;
  cursor: pointer;
  outline: 0;

}

.el-dropdown-menu-item:not(.is-disabled):hover {
  background-color: #ecf5ff;
  color: #66b1ff;
}



.text-theme {
  color: #64494B,
}

.bg-theme {
  background-color: #64494B;
  color: white;
}



.uploadImages {
  width: 164px;
  height: 164px;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}

.avatar {
  width: 178px;
  height: 178px;
  display: block;
}




.table-box {
  .table-search {
    display: flex;
    margin-bottom: 10px;

    .search-operation {
      margin-left: 15px;
      white-space: nowrap;

      .search-isOpen {
        margin-left: 20px;
      }
    }
  }
}
</style>
